<template>
    <div class="text"  :style="view.style" @click="select">
        <div :style="view.textStyle" :id="view.id"> {{view.content}}</div>
    </div>
</template>

<script>
export default {
    name:"TextComponent",
    props:["view"],
    data(){
        return{

        }
    },
    methods:{
            // receiveViews(views){
            //     console.log(views,"TestComponent");
            // },
            select(){
                console.log("select",this.view.id);
                // this.$bus.$emit("receiveSelectId",this.view.id)
                this.$bus.$emit("givechangeCurrViewViews",this.view)
            }
    },
    mounted(){
        // this.$bus.on("giveViews",this.receiveViews)
        // console.log(this.views,"textComponent");
        // this.$bus.$emit("receiveViewId",this.view.id,this.view.StyleVue,this.view.attributionVue);
    },
}
</script>

<style>

</style>